<template>
  <div class="uk-section">
    <div class="uk-container uk-container-large">
      <img src="~assets/contact/c1.png" />
      <!--   -->
      <div class="uk-section index_pictures">
        <div
          class="uk-container uk-container-expand"
          style="display: flex; justify-content: space-between; flex-wrap: wrap"
        >
          <div
            style="flex: 48%; margin-bottom: 20px"
            class="index_imgitem fadeInUp wow animate__fadeInUp"
          >
            <img src="~assets/contact/c2.png" />
          </div>
          <div
            style="padding: 10px; flex: 48%; margin-bottom: 50px"
            class="index_imgitem fadeInUp wow animate__fadeInUp"
          >
            <h4 style="padding-left: 50px; margin-bottom: 10px">
              <b>中国·常州</b>
            </h4>
            <h5
              style="padding-left: 50px; margin-top: 15px; margin-bottom: 10px"
            ></h5>
            <h5 style="text-align: left; padding-left: 50px; line-height: 36px">
              公司名称：极刻视觉创意（常州）有限公司<br />
              公司地址：江苏省常州市武进区西太湖科技产业园禾香路123号7号楼A座4楼<br />
              邮编：213100 <br />
              品牌顾问：( 86 ) 18021902020<br />
              网站：www.jike-vision.com<br />
              邮箱：Roy@higou360.com <br />Q Q：525389480
            </h5>
          </div>
        </div>
      </div>
      <!--  -->
      <!--   -->
      <div class="uk-section index_pictures">
        <div
          class="uk-container uk-container-expand"
          style="display: flex; justify-content: space-between; flex-wrap: wrap"
        >
          <div
            style="flex: 48%; margin-bottom: 20px"
            class="index_imgitem fadeInUp wow animate__fadeInUp"
          >
            <img src="~assets/contact/c3.png" />
          </div>
          <div
            style="padding: 10px; margin-bottom: 80px"
            class="index_imgitem fadeInUp wow animate__fadeInUp"
          >
            <h4 style="padding-left: 50px; margin-bottom: 10px">
              <b>中国·上海</b>
            </h4>
            <h5
              style="padding-left: 50px; margin-top: 15px; margin-bottom: 10px"
            ></h5>
            <h5 style="text-align: left; padding-left: 50px; line-height: 36px">
              公司名称：极刻视觉创意（上海）有限公司<br />
              公司地址：上海市静安区万荣路777号大宁音乐广场H座1601室<br />
              邮编：200000 <br />
              品牌顾问：( 86 ) 18021902020 <br />
              网站：www.jike-vision.com<br />
              邮箱：Roy@higou360.com<br />
              Q Q：525389480
            </h5>
          </div>
        </div>
      </div>
      <!--  -->
      <Baidumap />
      <p style="margin-bottom: 100px"></p>
    </div>
    <Bottom />
  </div>
</template>

<script>
import Bottom from "@/components/Bottom";
import Baidumap from "@/components/Baidumap";
export default {
  name: "About",
  components: {
    Bottom,
    Baidumap,
  },
};
</script>

<style scoped>
.index_pictures {
  padding: 0px;
  margin: 100px 0;
}
.index_imgitem {
  padding: 5px;
  flex: 48%;
  text-align: left;
  min-height: 200px;
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  .index_pictures {
    padding: 0px;
    margin: 50px 0;
  }

  .index_imgitem {
    font-size: 18px;
  }
}
</style>
